<template>
  <div class="social-container">
    <div class="app-container">
      <h2>
        社保
      </h2>
      <!-- sync修饰符 使用场景 父子组件通信(父组件数据传递给子组件,子组件要修改数据) -->
      <!-- <son :msg="msg" @changemsg="change" /> -->
      <!-- <son v-model="msg" /> -->
      <son :msg.sync="msg" />
      <!-- 简化以上操作步骤
      1. 方式一  v-model使用在组件上
      2. 方式二  使用.sync修饰符
        1. 传递给子组件数据的时候可以 .sync
        2. 子组件内部修改属性 发布的自定义事件  update:属性名
        忘记的可以想起看  vue移动端 07 最后两个
      -->
    </div>
  </div>
</template>

<script>
import son from './son'
export default {
  name: 'SocialSecuritys',
  components: { son },
  data() {
    return {
      msg: '我是老王,不是隔壁的'
    }
  },
  methods: {
    change(str) {
      this.msg = str
    }
  }
}
</script>

<style>

</style>
